.el-row{
    margin-bottom: 20px;
}

.el-button {
    width: 100%;
}

.Login-banner{
    color: white;
    text-align: center;
    width: 60%;
    height: 100%;
    float: right;
    display: grid;
    align-content: space-around;
    justify-content: space-evenly;
}
.Login-box{
    z-index: 10;
    width: 40%;
    background-color: white;
    /* background-image: './img/info-service.png'; */
    height: 100%;
    float: left;
    display: grid;
    align-content: center;
    justify-items: stretch;
}

@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');

body{
  overflow:hidden;
  height: 100%;
  font-family: 'Quicksand', sans-serif;
  margin: 0;
  min-height: 100vh;
}

:root {
  font-size: 15px;
}
html {
    height: 100%;
}
.Background-canves {
  display: flex;
  overflow:hidden;
  height: 100%;
  font-family: 'Quicksand', sans-serif;
  margin: 0;
  min-height: 100vh;
  background-color: #e493d0;
  background-image: 
  radial-gradient(closest-side, rgb(97 78 235), rgba(235, 105, 78, 0)),
  radial-gradient(closest-side, rgb(93 11 243), rgba(243, 11, 164, 0)),
  radial-gradient(closest-side, rgb(93 163 228), rgba(254, 234, 131, 0)),
  radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)),
  radial-gradient(closest-side, rgb(165 229 237), rgba(248, 192, 147, 0));
  background-size: 
    130vmax 130vmax,
    80vmax 80vmax,
    90vmax 90vmax,
    110vmax 110vmax,
    90vmax 90vmax;
  background-position:
    -80vmax -80vmax,
    60vmax -30vmax,
    10vmax 10vmax,
    -30vmax -10vmax,
    50vmax 50vmax;
  background-repeat: no-repeat;
  animation: 10s movement linear infinite;
}

.Background-canves::after {
  content: '';
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* backdrop-filter: blur(10px); */
  -webkit-backdrop-filter: blur(10px);
}

#root::after {
    height: 100%;

}
@keyframes movement {
  0%, 100% {
    background-size: 
      130vmax 130vmax,
      80vmax 80vmax,
      90vmax 90vmax,
      110vmax 110vmax,
      90vmax 90vmax;
    background-position:
      -80vmax -80vmax,
      60vmax -30vmax,
      10vmax 10vmax,
      -30vmax -10vmax,
      50vmax 50vmax;
  }
  25% {
    background-size: 
      100vmax 100vmax,
      90vmax 90vmax,
      100vmax 100vmax,
      90vmax 90vmax,
      60vmax 60vmax;
    background-position:
      -60vmax -90vmax,
      50vmax -40vmax,
      0vmax -20vmax,
      -40vmax -20vmax,
      40vmax 60vmax;
  }
  50% {
    background-size: 
      80vmax 80vmax,
      110vmax 110vmax,
      80vmax 80vmax,
      60vmax 60vmax,
      80vmax 80vmax;
    background-position:
      -50vmax -70vmax,
      40vmax -30vmax,
      10vmax 0vmax,
      20vmax 10vmax,
      30vmax 70vmax;
  }
  75% {
    background-size: 
      90vmax 90vmax,
      90vmax 90vmax,
      100vmax 100vmax,
      90vmax 90vmax,
      70vmax 70vmax;
    background-position:
      -50vmax -40vmax,
      50vmax -30vmax,
      20vmax 0vmax,
      -10vmax 10vmax,
      40vmax 60vmax;
  }
}
